function getFavorites() {
    // 发送请求到后端获取收藏列表（不包含电话号码，因为后端会从会话中获取）
    fetch('/favourite/showFavourite') // 假设后端API的URL是这个
        .then(response => response.json())
        .then(favorites => {
            // 清空旧列表
            var list = document.getElementById('favorites-list');
            list.innerHTML = '';

            // 使用Promise.all等待所有电影详细信息加载完成
            Promise.all(favorites.map(favorite => getMovieDetails(favorite.movieId)))
                .then(movies => {
                    movies.forEach(movie => {
                        var movieItem = document.createElement('div');
                        movieItem.classList.add('favorite-item');
                        // 使用movieId来构建封面的URL
                        var coverUrl = '/img/movie_img/' + movie.movieId + '.jpg'; // 假设图片格式为.jpg
                        movieItem.innerHTML = `  
                            <img src="${coverUrl}" alt="${movie.movieName}">  
                            <p>${movie.movieName}</p>  
                        `;
                        list.appendChild(movieItem);
                    });
                })
                .catch(error => {
                    console.error('Error fetching movie details:', error);
                });
        })
        .catch(error => {
            console.error('Error fetching favorites:', error);
        });
}

// 假设 getMovieDetails() 是根据电影ID获取电影详细信息的函数
function getMovieDetails(movieId) {
    return fetch('/api/movies/' + movieId) // 假设后端有这样一个API
        .then(response => {
            if (!response.ok) {
                throw new Error('Failed to fetch movie details');
            }
            return response.json();
        })
        .then(movie => movie); // 后端返回的电影对象包含 movieId, movieName等属性，但这里我们只使用 movieId 和 movieName
}

// 页面加载时获取收藏列表
window.onload = getFavorites;